<template>
    <el-dialog v-model="visible" title="用户协议" width="70%" top="5vh" :close-on-click-modal="false"
        :close-on-press-escape="false" :show-close="false">


        <div class="agreement-content">
  <!-- 用户协议部分 -->
  <section class="user-agreement">
    <h1>用户协议</h1>
    <div class="version">生效日期：2025年10月19日 版本号：V1.0.0</div>
    
    <h2>1. 总则</h2>
    <p>1.1 本协议是您（以下简称"用户"）与江苏工业科技有限公司（以下简称"我们"）就使用工厂订单管理系统（以下简称"本系统"）所订立的法律协议。</p>
    <p>1.2 您通过点击"注册"并完成账号创建，或实际使用本系统服务，即视为已充分阅读、理解并接受本协议全部条款，与我们建立服务合同关系。</p>
    <p>1.3 我们有权根据业务调整修订本协议，修订后将通过系统公告、弹窗等方式通知您，您继续使用服务即视为接受修订后的协议。</p>
    
    <h2>2. 用户权益</h2>
    <p>2.1 <strong>账号使用权</strong>：在符合协议约定的前提下，您可获得专属账号及密码，自主登录系统进行订单管理、数据查询等操作。</p>
    <p>2.2 <strong>数据安全保障权</strong>：我们将采用加密存储、访问权限控制等技术手段，保护您的业务数据、个人信息安全，防止数据泄露、篡改。</p>
    <p>2.3 <strong>服务质量保障权</strong>：我们将持续提供系统维护与技术支持，保障服务的稳定性与可用性（不可抗力、系统升级等特殊情况除外）。</p>
    <p>2.4 <strong>自主选择权</strong>：您可根据业务需求自主选择使用系统的特定功能模块，也可根据自身情况申请注销账号。</p>
    <p>2.5 <strong>知情权</strong>：您有权了解系统功能、数据使用规则、协议修订内容等信息，我们将通过清晰易懂的方式向您公示。</p>
    
    <h2>3. 用户义务</h2>
    <p>3.1 您应提供真实、准确的注册信息（如企业名称、联系人、手机号等），并及时更新信息以保证其有效性。</p>
    <p>3.2 妥善保管账号及密码，不得转借、出租给第三方使用，因账号泄露导致的损失由您自行承担。</p>
    <p>3.3 仅可基于合法业务目的使用系统，不得利用系统从事违法违规活动（如传输恶意代码、窃取他人数据等）。</p>
    <p>3.4 遵守系统的操作规范，不得故意破坏系统功能或干扰服务正常运行。</p>
    
    <h2>4. 服务内容与限制</h2>
    <p>4.1 本系统提供的服务包括但不限于：订单创建与管理、客户信息维护、数据统计分析等（具体以系统实际功能为准）。</p>
    <p>4.2 我们有权根据业务发展调整服务内容，新增功能可能需单独签署补充协议或按新的收费标准执行。</p>
    <p>4.3 为保障系统安全，我们可对异常访问行为采取限制措施（如临时冻结账号、限制操作权限），并及时通知您。</p>
    
    <h2>5. 知识产权</h2>
    <p>5.1 本系统的软件著作权、商标权、技术方案等知识产权均归我们所有，您仅获得有限使用权，不得擅自复制、修改、传播。</p>
    <p>5.2 您通过系统上传的业务数据（如订单信息、客户资料）的所有权归您所有，但您授予我们在服务范围内的合理使用权（如用于数据备份、功能优化）。</p>
    
    <h2>6. 免责声明</h2>
    <p>6.1 因不可抗力（如自然灾害、政策调整）、第三方服务故障（如网络运营商中断）导致服务暂停的，我们不承担赔偿责任。</p>
    <p>6.2 您因自身操作失误、账号泄露或第三方侵权导致的损失，我们不承担直接责任，但可提供必要的协助。</p>
    
    <h2>7. 协议终止</h2>
    <p>7.1 您可通过系统申请注销账号，注销后我们将停止提供服务，并按隐私政策约定处理您的相关数据。</p>
    <p>7.2 若您严重违反本协议，我们有权单方面终止服务，且保留追究法律责任的权利。</p>
    
    <h2>8. 争议解决</h2>
    <p>8.1 本协议的订立、履行均适用中华人民共和国法律。</p>
    <p>8.2 双方因本协议产生的争议，应首先协商解决；协商不成的，可向我们所在地有管辖权的人民法院提起诉讼。</p>
  </section>
 
  <!-- 隐私政策部分 -->
  <section class="privacy-policy">
    <h1>隐私政策</h1>
    <div class="version">生效日期：2025年10月19日 版本号：V1.0.0</div>
    
    <h2>1. 引言</h2>
    <p>1.1 我们高度重视用户隐私保护，本政策旨在说明我们如何收集、使用、存储和保护您的个人信息及业务数据，帮助您了解自身权益。</p>
    <p>1.2 请您在使用本系统前仔细阅读本政策，若您不同意任何条款，应立即停止使用服务；继续使用即视为接受本政策的全部内容。</p>
    
    <h2>2. 收集的信息类型及用途</h2>
    <h3>2.1 个人信息：</h3>
    <ul>
      <li><strong>注册信息</strong>：包括手机号、联系人姓名、企业邮箱等，用于账号注册验证、身份识别及服务通知。</li>
      <li><strong>设备与访问信息</strong>：包括设备型号、IP地址（支持IPv4/IPv6）、浏览器类型、访问时间等，用于保障系统安全、优化服务体验。</li>
    </ul>
    <h3>2.2 业务数据：</h3>
    <ul>
      <li>您通过系统上传的订单信息、客户资料、交易记录等，仅用于为您提供对应的业务功能（如订单管理、数据统计），不会用于其他商业目的。</li>
    </ul>
    
    <h2>3. 信息的收集方式</h2>
    <p>3.1 <strong>主动提供</strong>：您在注册账号、填写业务信息时主动提交的信息。</p>
    <p>3.2 <strong>自动收集</strong>：通过系统日志、服务器记录等技术手段，在您使用服务过程中自动收集的访问数据。</p>
    <p>3.3 <strong>第三方获取</strong>：仅在获得您授权的情况下，从合作第三方获取必要的信息（如身份验证信息），且会对第三方的信息安全保障能力进行评估。</p>
    
    <h2>4. 信息的使用规则</h2>
    <p>4.1 我们将严格按照本政策及法律规定使用您的信息，不得超出授权范围使用。</p>
    <p>4.2 未经您的明确同意，我们不会向任何第三方出售、出租您的个人信息及业务数据。</p>
    <p>4.3 为提供联合服务或合规要求，需向合作第三方共享信息的，我们将采取加密传输、签署保密协议等措施，确保信息安全。</p>
    
    <h2>5. 信息的存储与保护</h2>
    <p>5.1 <strong>存储方式</strong>：您的信息将存储在符合安全标准的服务器中，采用加密存储、访问权限控制、定期备份等技术手段保障数据安全。</p>
    <p>5.2 <strong>存储期限</strong>：在服务存续期间，我们将持续存储您的信息；账号注销后，将按法律规定保留必要数据（如用于合规审计），剩余数据将安全删除或匿名化处理。</p>
    <p>5.3 <strong>安全保障</strong>：我们建立了完善的安全管理制度，限制信息访问权限，定期开展安全检测，防止信息泄露、篡改或丢失。</p>
    
    <h2>6. 用户的信息权利</h2>
    <p>6.1 <strong>访问与查询</strong>：您可通过系统查看、导出自己的个人信息及业务数据。</p>
    <p>6.2 <strong>修改与更正</strong>：若发现信息存在错误，可随时通过系统申请修改，我们将在核实后及时处理。</p>
    <p>6.3 <strong>删除与注销</strong>：您可申请删除部分非必要信息，或注销账号（注销后将停止服务并按规定处理数据）。</p>
    <p>6.4 <strong>异议与投诉</strong>：若对信息处理有异议，可通过客服渠道反馈，我们将在15个工作日内给出答复。</p>
    
    <h2>7. 政策修订</h2>
    <p>7.1 我们可根据法律规定或业务调整修订本政策，修订后将通过系统公告、弹窗等方式通知您，修订后的政策自公示之日起生效。</p>
    <p>7.2 若您对修订后的政策有异议，应停止使用服务；继续使用即视为接受修订内容。</p>
    
    <h2>8. 联系方式</h2>
    <div class="contact-block">
      <p><strong>客服电话</strong>：180-6847-1547（工作日9:00-18:00）</p>
      <p><strong>电子邮箱</strong>：1985552693@qq.com</p> 
      <p><strong>公司地址</strong>：江苏省南京市玄武区工业科技园区</p>
      <p><strong>邮政编码</strong>：210000</p>
    </div>
  </section>
</div>



        <template #footer>
            <el-button type="danger" @click="handleReject" class="reject-btn">
                拒绝并退出
            </el-button>
            <el-button type="primary" :disabled="!canAgree" @click="handleAgree" class="agree-btn">
                我已阅读并同意协议 {{ countdown > 0 ? `(${countdown}s)` : '' }}
            </el-button>
        </template>
    </el-dialog>
</template>
   
<script setup>
import { ref, onMounted } from 'vue'
const CURRENT_VERSION = "V1.0.0";
const visible = ref(false)
const countdown = ref(3)
const canAgree = ref(false)

const show = () => {
    visible.value = true
    countdown.value = 3
    canAgree.value = false
    startCountdown()
}

const hide = () => {
    visible.value = false
}

const handleAgree = () => {
    const agreed_time = new Date().toISOString()
    emit('agree',CURRENT_VERSION,agreed_time)
    hide()
}

const startCountdown = () => {
    const timer = setInterval(() => {
        countdown.value--
        if (countdown.value <= 0) {
            canAgree.value = true
            clearInterval(timer)
        }
    }, 1000)
}

defineExpose({
    show,
    hide
})

const emit = defineEmits(['agree'])

const handleReject = () => {
    emit('reject')
    hide()
    // 可以跳转到首页或其他页面 
    router.push('/')
}
</script>
   
<style scoped>
.reject-btn {
    margin-right: 20px;
}

.agreement-content {
    max-height: 60vh;
    overflow-y: auto;
    padding: 15px;
    line-height: 1.8;
    color: #606266;
}

.agree-btn {
    width: 150px;
}
</style>